<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <%@ include file="../frame_head.jsp" %>
            
        <!-- CSS -->
        <link href="${pageContext.request.contextPath }/css_b/bootstrap.min.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/animate.min.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/font-awesome.min.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/form.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/calendar.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/media-player.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/style.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/icons.css" rel="stylesheet">
        <link href="${pageContext.request.contextPath }/css_b/generics.css" rel="stylesheet"> 
    </head>
    <body id="skin-blur-violate">
        <!-- header -->
        <%@ include file="../frame_header.jsp" %>
        
        <section id="main" class="p-relative" role="main">
	        <!-- Sidebar -->
	        <%@ include file="../frame_aside.jsp" %>
          
            <!-- Content -->
            <section id="content" class="container">
		        <!-- Breadcrumb -->
				<ol class="breadcrumb hidden-xs">
				    <li><a href="#">主页</a></li>
				    <li class="active">数据</li>
				</ol>
				
				<h4 class="page-title">列表</h4>
                
                <!-- Deafult Table -->
                <div class="block-area" id="defaultStyle">
                    <h3 class="block-title">用户列表</h3>
                    <form action="">
                    <table class="table tile">
                        <thead style="white-space:nowrap;">
                            <tr>
                                <th style="text-align: center;">序号</th>
                                <th style="text-align: center;">用户名</th>
                                <th style="text-align: center;">姓名</th>
                                <th style="text-align: center;">邮箱地址</th>
                                <th style="text-align: center;">电话号码</th>
                                <th style="text-align: center;">收货地址</th>
                                <th style="text-align: center;">激活状态</th>
                                <th style="text-align: center;">活跃状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <s:iterator var="user" value="uList" status="status">
							<tr >
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="18%">
												<s:property value="#status.count"/>
											</td>
											
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<font color="orange"><s:property value="#user.username"/></font>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<font color="orange"><s:property value="#user.name"/></font>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<font color="orange"><s:property value="#user.email"/></font>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<font color="orange"><s:property value="#user.phone"/></font>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<font color="orange"><s:property value="#user.addr"/></font>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<s:if test="#user.state == 0">
													<font color="red">未激活</font>
												</s:if>
												<s:if test="#user.state == 1">
													<font color="green">已激活</font>
												</s:if>
											</td>
											<td style="CURSOR: hand; HEIGHT: 22px" align="center"
												width="17%">
												<s:if test="">
													<font color="green">在线</font>
												</s:if>
												<s:else>
													<font color="red">离线</font>
												</s:else>
											</td>
										</tr>
									</s:iterator>	
                        </tbody>
                    </table>
                   </form>
                </div>
            </section>
            <br/><br/>
        </section>
        
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="${pageContext.request.contextPath }/js/jquery.min.js"></script> <!-- jQuery Library -->
        
        <!-- Bootstrap -->
        <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
        
        <!-- UX -->
        <script src="${pageContext.request.contextPath }/js/scroll.min.js"></script> <!-- Custom Scrollbar -->
        
        <!-- Other -->
        <script src="${pageContext.request.contextPath }/js/calendar.min.js"></script> <!-- Calendar -->
        <script src="${pageContext.request.contextPath }/js/feeds.min.js"></script> <!-- News Feeds -->
        
        
        <!-- All JS functions -->
        <script src="${pageContext.request.contextPath }/js/functions.js"></script>
    </body>
</html>

